/* Estilos generales para los párrafos */
p {
  margin: 10px;
  padding: 15px;
  width: 300px;
  color: white;
  font-family: Arial, sans-serif;
  text-align: center;
}

/* RGBA Colors */
#rgba1 {background-color: rgba(255, 0, 0, 0.3);}  /* Rojo con Opacidad */
#rgba2 {background-color: rgba(0, 255, 0, 0.3);}  /* Verde con Opacidad */
#rgba3 {background-color: rgba(0, 0, 255, 0.3);}  /* Azul con Opacidad */

/* HSL Colors */
#hsl1 {background-color: hsl(120, 100%, 50%);}   /* Verde */
#hsl2 {background-color: hsl(120, 100%, 75%);}   /* Verde Claro */
#hsl3 {background-color: hsl(120, 100%, 25%);}   /* Verde Oscuro */
#hsl4 {background-color: hsl(120, 60%, 70%);}    /* Verde Pastel */

/* HSLA Colors (HSL con Opacidad) */
#hsla1 {background-color: hsla(120, 100%, 50%, 0.3);}  /* Verde con Opacidad */
#hsla2 {background-color: hsla(120, 100%, 75%, 0.3);}  /* Verde Claro con Opacidad */
#hsla3 {background-color: hsla(120, 100%, 25%, 0.3);}  /* Verde Oscuro con Opacidad */
#hsla4 {background-color: hsla(120, 60%, 70%, 0.3);}   /* Verde Pastel con Opacidad */

/* RGB Colors con Opacidad usando "opacity" */
#rgb1 {
  background-color: rgb(255, 0, 0);
  opacity: 0.6;
} /* Rojo con Opacidad */

#rgb2 {
  background-color: rgb(0, 255, 0);
  opacity: 0.6;
} /* Verde con Opacidad */

#rgb3 {
  background-color: rgb(0, 0, 255);
  opacity: 0.6;
} /* Azul con Opacidad */
